/* 主页 */
require("../css/home.less")
//文档加载完毕
document.ready(function () {
    window.$utils.addTabbar("home");

    //轮播配置
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: {
            delay: 2000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        loop: true, // 循环模式选项
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
    })

    //获取dom
    let rankNum = document.querySelector("#rankNum")//今日排名
    let punchDay = document.querySelector("#punchDay")//打卡天数
    let badgeNum = document.querySelector("#badgeNum")//徽章
    let todayPunch = document.querySelector("#todayPunch")//今日打卡

    //从本地存储中获取用户数据
    let userId = JSON.parse(window.localStorage.getItem("user")).userId//117
    //发请求获取数据
    getHomeData();
    function getHomeData() {
        axios.get(window.$utils.BASE_URL + `/headPageInfo?userId=${userId}`)
            .then(function (res) {
                if (res.data.status == 0) {
                    let obj = res.data.data
                    //调用函数，渲染数据
                    render(obj)
                }
            }).catch(function (error) {
                console.log(error);
            })
    }
    //渲染数据
    function render(obj) {
        rankNum.textContent = obj.rank//排名
        punchDay.textContent = obj.punchIn//打卡天数
        badgeNum.textContent = obj.insigniaNum//徽章数
        // obj.isPunch
        // "isPunch": "true",
        //值为"false":表示没有打卡，就显示 今日打卡
        //值为"true":表示已打卡，就显示 已打卡
        todayPunch.textContent = obj.isPunch === "false" ? "今日打卡" : "已打卡"
        flag = obj.isPunch === "false" ? false : true
    }

    //定义一个标识（变量），来表示是否已经打卡
    let flag = true;  //true 表示已经打卡
    //今日打卡
    todayPunch.addEventListener("click", function () {
        if (flag) {
            //true表示已打卡,就不发请求了
            window.$utils.toast("cuowu", "今日已打卡")
        } else {
            //false 没有打卡就发请求
            axios.get(window.$utils.BASE_URL + `/clockIn?userId=${userId}`)
                .then(function (res) {
                    if (res.data.status == 0) {
                        //打卡成功,刷新
                        getHomeData();
                        //提示打卡成功
                        window.$utils.toast("icon-test", "打卡成功")
                    } else if (res.data.status == 1) {
                        //提示打卡失败
                        window.$utils.toast("cuowu", "打卡失败")
                    }
                }).catch(function (error) {
                    console.log(error);
                })
        }
    })
})